<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>Mark done</title>
    <link rel="stylesheet" href="../style/default.css"/>

</head>

<body>
<div class="title">
    <h1>Mark done</h1>
</div>
<div class="body">
    <p>Todo items can be marked as done, in which case it's text color becomes gray.
    </p>
    <p>
        The done state can be toggled via the Check button on the toolbar.
        <div>
            <img src="image/btn_check.png" alt=""/>
        </div>
    </p>
    <p>
        You can also press Space key on the current item to toggle it's done state.
    </p>
    <p>
    <div>Notes:</div>
    <div class="notes">
        When marking an item as done, if it's in active state, it'll be deactivated automatically.
    </div>
    </p>
</div>
</body>
</html>
